<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /* 
            JSON：是一种数据格式，用于客户端与服务端之间的数据交互，客户端可以发送json格式的数据
            到服务端，服务端也可以响应给客户端json格式的数据。

            先是一个大括号，里边是键值对
            {
                key:value,
                key:value,
                key:value,
                key:value
            }
            
            {
                "username":"zhangsan",
                "age":22,
                "gender":"男",
                "hobby":"足球，篮球"
            }
        */
        //  1.创建一个JSON格式的字符串
        const jsonStr = '{ "username": "zhangsan", "age": "22" }';

        // 2.创建一个js对象
        const obj = {
            username: "张三",
            age: "20",
            gender: "男",
            hobby: "足球，篮球"
        }

        // 3.把js对象转换为JSON格式的字符串
        console.log(obj);
        console.log(obj.username);
        const ObjStr = JSON.stringify(obj);
        console.log(ObjStr);
        console.log(ObjStr.username);   //undefined 只有js对象才可以 通过.属性取值。

        // 4.把JSON格式的字符串转换为js对象
        const jsonObj = JSON.parse(jsonStr);
        console.log(jsonObj);

    </script>
</body>

</html>